import React, { FC } from "react";
import { AppstoreOutlined, BarcodeOutlined } from "@ant-design/icons";
import { Tabs } from "antd";
import ComponentLib from "../ComponentLib";
import LayerList from "../LayerList";
import classNames from "classnames/bind";
import style from "./index.module.scss";
const CBN = classNames.bind(style);

const LeftPanel: FC = () => {
  const tabList = [
    {
      key: "componentLib",
      label: `组件库`,
      icon: <AppstoreOutlined />,
      children: <ComponentLib></ComponentLib>,
    },
    {
      key: "layers",
      label: `图层`,
      icon: <BarcodeOutlined />,
      children: <LayerList></LayerList>,
    },
  ];
  return <Tabs items={tabList} defaultActiveKey="componentLib" className={CBN("LeftPanelTabs")}></Tabs>;
};

export default LeftPanel;
